<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>layout布局页面</title>
    <script type="text/javascript" src="../../jquery-1.8.3.js"></script>
    <script type="text/javascript" src="../jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="../../ztree/jquery.ztree.all-3.5.js"></script>
    <link rel="stylesheet" href="../themes/default/easyui.css"/>
    <link rel="stylesheet" href="../themes/icon.css"/>
    <link rel="stylesheet" href="../../ztree/zTreeStyle.css"/>
    <script type="text/javascript">
        $(function () {
            $('#dg').datagrid({
                url:'product.json',
                fit:true,
                border:true,
                rownumbers : true,
                striped : true,
				striped : true,
				pageList: [2,5,50],
				pagination : true,
                toolbar: [{
                    text:"保存",
                    iconCls: 'icon-save',
                    handler: function(){alert('保存按钮')}
                },'-',{
                    iconCls: 'icon-edit',
                    handler: function(){alert('编辑按钮')}
                },'-',{
                    iconCls: 'icon-help',
                    handler: function(){alert('帮助按钮')}
                }],

                columns:[[
                    {field:'id',title:'代码',width:100},
                    {field:'name',title:'名称',width:100},
                    {field:'price',title:'价格',width:100,align:'right'}
                ]]
            });
        })
    </script>
</head>

<body>
    <table id="dg"></table>
</body>

</html>